
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:'微软雅黑';}
        table{border-collapse:collapse;border-spacing:0}
        fieldset,img{border:0}
        address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
        ol,ul,li{list-style:none}
        caption,th{text-align:left}
        h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
        q:before,q:after{content:''}
        abbr,acronym{border:0}
        *{text-decoration:none;-webkit-tap-highlight-color: transparent;}
        a:active{color:#000}
        html{-webkit-text-size-adjust: none;}
        section {
            background-color: #ffffff;
        }
        body {
            background-color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            width: 640px;
            height: 80px;
            margin-top: 50px;
            background-color: #ffffff;
        }
        .container .head {
            width: 640px;
            height: 80px;
            background-image: url("http://project.ico2sto.com/venus/images/logo-white.png");
            background-size: cover;
            background-position: center;
        }
        .container .body {

            margin: 15px 15px 0 15px;
        }
        .container .body .title {
            font-family: PingFangHK-Light;
            font-size: 26px;
            color: #2E2E2E;
            letter-spacing: 1px;
        }
        .container .body .message {
            display: block;
            margin: 15px 0 15px 0;
        }
        .container .body .message .line {
            font-family: PingFangHK-Light;
            font-size: 14px;
            color: #333333;
            letter-spacing: 0;
            line-height: 30px;
        }
        .container .body .button {
            display: block;
            background: #9F130E;
            border-radius: 3.9px;
            width: 132px;
            height: 40px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: 2px;
            text-align: center;
            line-height: 40px;
        }
        .container .body .attention {
            padding: 15px 0 15px 0;
        }
        .container .body .attention .title {
            font-family: PingFangHK-Regular;
            font-size: 18px;
            color: #2E2E2E;
            letter-spacing: 0.69px;
            overflow: hidden;
        }
        .container .body .attention .message {
            font-family: PingFangHK-Light;
            font-size: 14px;
            color: #3C464F;
            letter-spacing: 0;
            line-height: 24px;
            word-break:break-all;
        }
    </style>
</head>
<body class="body">
<div class="container">
    <section class="head">
    </section>
    <section class="body">
        <div class="title">
            账号注册激活
        </div>
        <dd class="message">
            <dl class="line">
                您好 ${email},
            </dl>
            <dl class="line">
                您距离注册成功只差一步了！点击下方激活按钮，即可完成注册。
            </dl>
        </dd>
        <a class="button" href="${callbackurl}">
            立即激活
        </a>
        <div class="attention">
            <div class="title">
                如果点击无效，请复制下方地址在浏览器中打开完成激活：
            </div>
            <div class="message">
                ${callbackurl}
            </div>
        </div>
    </section>
    <section class="foot">
    </section>
</div>
</body>
</html>

